//W3C 2级事件模型回顾
window.onload = function() {
	var div = document.getElementById("div");
	/**
	 * 此函数有三个参数:
	 * 第一个和第二个不多说了
	 * 第三个是如果是true，那么在捕获阶段执行，否则在冒泡阶段执行
	 * 与之相对应的是removeEventListener
	 * 老版本IE(6/7/8)不支持这一对函数，而是支持attachEvent()和detachEvent()，并且这两个函数不支持第三个函数，因为不支持事件捕获
	 * 同时IE的第一个参数应该加上on
	 */
	div.addEventListener("click", function() {
		alert("div执行");
	}, false);
	
	var span = document.getElementById("span");
	span.addEventListener("click", function(e) {
		alert("span执行");
		//老版本的IE不支持event对象，而是在window中
		var event = e || window.event;
		//阻止事件冒泡，第三个参数是true还是false都管用
		event.stopPropagation();
	}, false);
};